﻿<html class="hb-loaded">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>预约看房 - Q房网</title>
    <link href="style/css/appointment-list.css?qv=1535614912335" rel="stylesheet">
</head>

<body huaban_collector_injected="true">
<header class="header-body fixed">
    <div class="header">
        <h1 class="title">预约看房</h1>
    </div>
    <a class="back" href="javascript:;"></a>
</header>
<section class="appointment-tabs">
    <a class="items cur" href="javascript:;">二手房/租房/写字楼</a>
    <a class="items" href="/guangzhou/appointment/index?bizType=NEWHOUSE">新房</a>
</section>


<section class="appointment-list">
    <!-- 暂无数据 -->
    <div class="no-data">
        <div class="pic"><img src="style/img/no-data.png"></div>
        <div class="tip">暂无数据</div>
    </div>
</section>


<input type="hidden" id="recordId" value="">
<input type="hidden" id="reserveId" value="">
<input type="hidden" id="city" value="">
<input type="hidden" id="leadId" value="">
<input type="hidden" id="commentId" value="">
<input type="hidden" id="source" value="">
<input type="hidden" id="brokerPic" value="">

<section class="layer-validate js-dialog-cancel hide">
    <div class="validate-body">
        <div class="content">
            <div class="info">确认取消看房？</div>
        </div>
        <div class="footer">
            <a class="cancel" href="javascript:;">保留预约</a>
            <a class="ok js-cancel" href="javascript:;">取消预约</a>
        </div>
    </div>
</section>


<section class="layer-validate js-dialog-detail hide">
    <div class="validate-body">
        <div class="content">
            <div class="info">暂无该房源信息</div>
        </div>
        <div class="footer">
            <a class="cancel" href="javascript:;">好的</a>
        </div>
    </div>
</section>

<section class="layer-validate js-dialog-resume hide">
    <div class="validate-body">
        <div class="content">
            <div class="info">确认恢复预约吗？</div>
        </div>
        <div class="footer">
            <a class="cancel" href="javascript:;">取消</a>
            <a class="ok js-resume" href="javascript:;">恢复预约</a>
        </div>
    </div>
</section>

<!--去评价-->
<section class="evaluation-layer hide js-evaluation-apply">
    <div class="slide-body" js-plugin="slide" data-direction="vertical">
        <div class="slide"
             style="transition-property: all; transition-duration: 0s; transition-timing-function: ease; transform: translate3d(0px, 0px, 0px);">
            <div class="title">评价本次看房</div>
            <div class="take-look-info">
                <div class="text" id="addCreateLeadTime">2018.07.08由
                    <span class="name" id="addBrokerName">王也</span>带看
                </div>
            </div>
            <div class="pic-photo">
                <img class="pic" src="style/img/photo-placeholder.png" id="addBrokerPic" lazyload=""></div>
            <div class="evaluation-stars js-evaluation-stars" id="addStar">
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
            </div>
            <div class="satisfaction-tips">满意给五星哦~</div>
            <div class="impression-box">
                <div class="label">印象标签</div>
                <div class="impression-tags js-impression-tags" id="addLabels">
                    <div class="tags">准备充分</div>
                    <div class="tags">准时赴约</div>
                    <div class="tags">行程合理</div>
                    <div class="tags">解答专业</div>
                    <div class="tags">综合全能</div>
                    <div class="tags">耐心细致</div>
                    <div class="tags">颜值担当</div>
                    <div class="tags">态度真诚</div>
                </div>
            </div>
            <div class="added-box">
                <div class="label">补充说明</div>
                <div class="added-textarea">
                    <textarea id="addContent" class="textarea js-textarea" placeholder="说说你对经纪人的看法吧~"
                              maxlength="100"></textarea>
                    <div class="count-box">
                        <span class="count">0</span>/100
                    </div>
                </div>
            </div>
            <a class="evaluation-btn dis js-evaluation-btn" href="javascript:;">发布评价</a>
        </div>
    </div>
    <div class="close-box">
        <a class="close js-close" href="javascript:;"></a>
    </div>
</section>


<!--修改评价-->
<section class="evaluation-layer hide js-evaluation-update">
    <div class="slide-body" js-plugin="slide" data-direction="vertical">
        <div class="slide"
             style="transition-property: all; transition-duration: 0s; transition-timing-function: ease; transform: translate3d(0px, 0px, 0px);">
            <div class="title">评价本次看房</div>
            <div class="take-look-info">
                <div class="text" id="updateCreateLeadTime">2018.07.08由
                    <span class="name">王也</span>带看
                </div>
            </div>
            <div class="pic-photo">
                <img class="pic" src="style/img/photo-placeholder01.png" id="updateBrokerPic" lazyload=""></div>
            <div class="evaluation-stars js-evaluation-stars" id="updateStar">
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon iconfont icon-shoucang"></i>
                <i class="icon iconfont icon-shoucang"></i>
            </div>
            <div class="satisfaction-tips">满意给五星哦~</div>
            <div class="impression-box">
                <div class="label">印象标签</div>
                <div class="impression-tags js-impression-tags" id="updateLabels">
                    <div class="tags">准备充分</div>
                    <div class="tags">准时赴约</div>
                    <div class="tags">行程合理</div>
                    <div class="tags">解答专业</div>
                    <div class="tags">综合全能</div>
                    <div class="tags">耐心细致</div>
                    <div class="tags">颜值担当</div>
                    <div class="tags">态度真诚</div>
                </div>
            </div>
            <div class="added-box">
                <div class="label">补充说明</div>
                <div class="added-textarea">
                    <textarea id="updateContent" class="textarea js-textarea" placeholder="说说你对经纪人的看法吧~"
                              maxlength="100"></textarea>
                    <div class="count-box">
                        <span class="count">0</span>/100
                    </div>
                </div>
            </div>
            <a class="evaluation-btn  js-evaluation-goUpdate-btn" href="javascript:;">修改评价</a>
        </div>
    </div>
    <div class="close-box">
        <a class="close js-close" href="javascript:;"></a>
    </div>
</section>


<!--查看评价-->
<section class="evaluation-layer hide js-evaluation-show">
    <div class="slide-body" js-plugin="slide" data-direction="vertical">
        <div class="slide"
             style="transition-property: all; transition-duration: 0s; transition-timing-function: ease; transform: translate3d(0px, 0px, 0px);">
            <div class="title">我的评价</div>
            <div class="take-look-info" id="title">
                <div class="text" id="showCreateLeadTime">2018.07.08由
                    <span class="name" id="showBrokerName">王也</span>带看
                </div>
            </div>
            <div class="pic-photo">
                <img class="pic" src="style/img/photo-placeholder.png" id="showBrokerPic" lazyload=""></div>
            <div class="evaluation-stars " id="showStar">
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
                <i class="icon cur iconfont icon-shoucang"></i>
            </div>
            <div class="evaluation-text" id="showContent">非常认真负责的一个人，好评！！！</div>
            <div class="impression-box">
                <div class="label">我对他/她的印象</div>
                <div class="impression-tags" id="showLabels">
                    <div class="tags selected">准备充分</div>
                    <div class="tags selected">准时赴约</div>
                    <div class="tags selected">行程合理</div>
                    <div class="tags selected">解答专业</div>
                    <div class="tags selected">综合全能</div>
                    <div class="tags selected">耐心细致</div>
                </div>
            </div>
        </div>
    </div>
    <div class="close-box">
        <a class="close js-close" href="javascript:;"></a>
    </div>
</section>


<section class="layer-info hide">
    <div class="info-body">
        <div class="title">
            <p id="brokerName">吴伟英</p>
        </div>
        <div class="content broker-card">
            <div class="items">
                <span class="lab">公司名称：</span>
                <span class="txt" id="brokerCompany">深圳市世华房地产投资顾问有限公司阳光花园分公司</span>
            </div>
            <div class="items">
                <span class="lab">信用代码：</span>
                <span class="txt" id="brokerCode">9144030069711797XH</span>
            </div>
        </div>
        <a class="close js-close" href="javascript:;"></a>
    </div>
</section>
<section class="layer-tip hide js-layer-tip">
    <div class="tip-body">
        <div class="info " id="message"></div>
    </div>
</section>
</body>
</html>